<template>
    <div>
        <el-table :data="tableData" :class="state ? 'width1' : 'width'" height="700">
            <el-table-column fixed prop="date" label="Date" />
            <el-table-column prop="name" label="Name" width="180" />
            <el-table-column prop="gross" label="Gross" />
            <el-table-column prop="fee" label="Fee" />
            <el-table-column prop="net" label="Net" />
            <el-table-column prop="actions" label="Actios" />
        </el-table>
    </div>
</template>

<script setup>
defineProps(
    {
        tableData: Object,
        state: Boolean
    }
)

</script>

<style lang="less" scoped>
.width {
    width: 100%;
}

.width1 {
    width: 780px;
}
</style>